<template>
  <div id='app' >
      <div class="Header-informationHeader-information" v-show="show">
          <div class="Header-informationHeader-information-children">
              <input type="text" placeholder="请输入账号" v-model="text">
              <input type="password" placeholder="请输入密码" v-model="password">

              <div>
                  <button @click="confirm">确定</button>
                  <button>取消</button>
              </div>


          </div>

      </div>

  </div>
</template>

<script>
export default {
  data () {
    return {
      list: [],
      text:'',
      password:'',
      confirm:function(){

      },
      show:false
    }
  },
  methods: {

  },
  mounted() {

  },
  components: {

  }
}
</script>

<style lang='scss'>
.Header-informationHeader-information{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    align-items: center;
    background-color: azure;
    z-index: 5555555555;
}
.Header-informationHeader-information-children{
    width: 500px;
    height: 300px;
    display: flex;
    background-color: antiquewhite;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    input{
        border-radius: 4px;
        width: 400px;
        height: 40px;
        margin:5px 0 ;
    }
    button{
        margin: 0 20px;
    }

}

</style>
